$(function () {
    getCateList()
    //添加
    var index;
    //添加分类功能
    $('#btnAdd').click(function () {
        index = layer.open({
            title: '在线调试'
            , content: $('#add-tpl').html(),
            area: ['500px', '250px'],
            type: 1
        });
    })

    //编辑
    var index;
    $('tbody').on('click','.btn-edit',function () {
        index = layer.open({
            title: '编辑分类'
            , content: $('#edit-tpl').html(),
            area: ['500px', '250px'],
            type: 1
        });
        var id = $(this).attr('data-id');
        $.ajax({
            method:'get',
            url:'/my/article/cates/'+id,
            success:function(res){
                if(res.status != 0){
                    return layer.msg('获取分类数据失败')
                }
                layui.form.val('formEdit',res.data)
            }
        })

    })


    //保存编辑
    $('body').on('submit','#editForm',function(e){
        e.preventDefault()
        $.ajax({
            method:'post',
            url:'/my/article/updatecate',
            data:$(this).serialize(),
            success:function(res){
                if(res.status != 0){
                    return layer.msg('更新失败')
                }
                getCateList()//更新成功了，表格中的数据变旧了，重新渲染一次
                layer.close(index)
            }
        })
    })


    // $('#addForm').submit(function(e){
    //     e.preventDefault();
    //     console.log(123)
    // })

    $('body').on('submit','#addForm',function(e){
        e.preventDefault();
        $.ajax({
            method:'post',
            url:'/my/article/addcates',
            data:$(this).serialize(),
            success:function(res){
                if(res.status != 0){
                    return layer.msg('添加分类失败')
                }
                layer.msg('添加分类成功')
                getCateList();//添加成功之后，页面上显示的tbody中的数据就是旧的 需要重新更新一下
                layer.close(index)
            }
        })
    })



    //删除功能 
    $('tbody').on('click','.btn-del',function(){
        var id = $(this).attr('data-id');
        //删除之前先和用户确认一下
        layer.confirm('确认要删除吗?', {icon: 3, title:'提示'}, function(index){
            //ajax和定时器一样，是异步的
            $.ajax({
                method:'get',
                url:'/my/article/deletecate/'+id,
                success:function(res){
                    if(res.status != 0){
                        return layer.msg('添加分类失败')
                    }
                    getCateList();
                    layer.close(index);
                }
            })
            
        });
    })
})

function getCateList() {
    $.ajax({
        method: 'get',
        url: '/my/article/cates',
        success: function (res) {
            if (res.status != 0) {
                return layer.msg('获取分类失败');
            }
            console.log(res)
            var str = template('cate-tpl', res)
            $('tbody').html(str)
        }
    })
}

// 1. 看控制台有没有红色的报错
// 2. 看network切换到xhr看请求有没有发磅
// 3. 看headers最下面form data 请求参数是不是对的